<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../js/echarts.min.js"></script>
		<script type="text/javascript" src="../js/china.js"></script>
		<style type="text/css">
			html{margin: 0;padding: 0;width: 100%;height: 100%;}
			body{margin: 0;padding: 0;width:auto;height: 100%;background: #000a3b;overflow: hidden;}
			.container{width: 100%;height: 100%;}
			.title-box{height: 50px;}
			.header{
				width: 100%;
				height: 50px;
				line-height: 57px;
				background: url(../img/title.png) 0 10px no-repeat;
				background-size: 100% 40px;
				color: #01c4f7;
				text-align: center;
				font-size: 28px;
				letter-spacing: 3px;
			}
			.item-box{
				background: rgba(255,255,255,0.03);
				border:solid 10px rgba(0,0,0,0);
			}
			.nobg{background: none;}
			.col01{width: 30%;}
			.col02{width: 40%;}
			.col03{width: 30%;}
			.echart-box{width: 100%;height: 100%;}
			.echart-box-c{width: 100%;height: 100%;position: relative;}
		</style>
	</head>
	<body>
		<table class="container" cellspacing="10" cellpadding="0">
			<tr class="title-box"><td colspan="3"><div class="header">千图网可视化大屏</div></td></tr>
			<tr class="content-box">
				<td class="item-box col01"><div class="echart-box" id="chart01"></div></td>
				<td class="item-box col02 nobg" rowspan="2"><div class="echart-box-c" id="chart02"></div></td>
				<td class="item-box col03"><div class="echart-box"id="chart03"></div></td>
			</tr>
			<tr class="content-box">
				<td class="item-box col01"><div class="echart-box" id="chart04"></div></td>
				<td class="item-box col03"><div class="echart-box" id="chart05"></div></td>
			</tr>
			<tr class="content-box">
				<td class="item-box col01"><div class="echart-box" id="chart06"></div></td>
				<td class="item-box col02"><div class="echart-box" id="chart07"></div></td>
				<td class="item-box col03"><div class="echart-box" id="chart08"></div></td>
			</tr>
		</table>
	</body>
</html>
<script type="text/javascript" src="../js/echarts.demo.js?v=1.0.0.0"></script>
